<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>动态</title>
    <link href="Tools/MoCoop/MoCoop.css" rel="stylesheet">
    <!--MoCoop CSS-->
    <link href="css/style.css" rel="stylesheet">
    <!--自定义样式-->
    <link href="Tools/PTR/ptr.css" rel="stylesheet">
    <!--pullToRefresh CSS-->
</head>
<body>
<div class="mc-container">
    <div class="mc-commonpage mc-simplepage">
        <div class="mc-body pagebg-grey dynamic-page">
            <div class="tab-bar dynamic">
                <div class="tab-btns">
                    <div class="tab-btn " value="1" onclick="util.tabtoswitch(1,this)">
                        <div class="mc-btn">我的动态</div>
                    </div>
                    <div class="tab-btn" value="2" onclick="util.tabtoswitch(2,this)">
                        <div class="mc-btn">备注<span class="item-badge-unread order-detail" id="dynamicCount"></span></div>
                    </div>
                    <div class="tab-btn" value="3" onclick="util.tabtoswitch(3,this)">
                        <div class="mc-btn">全部历史<span class="item-badge-unread-count history hide" id="dynamicOld"></span></div>
                    </div>
                    <div class="tab-btn" value="4" onclick="util.tabtoswitch(4,this)">
                        <div class="mc-btn">系统提醒</div>
                    </div>
                </div>
                <div class="prevent-cover"></div>
            </div>
            <div class="dynamic-pagebody">
                <div id="ptr">
                    <span class="icon-ptr"></span>

                    <div class="loading">
                        <span id="l1"></span>
                        <span id="l2"></span>
                        <span id="l3"></span>
                    </div>
                </div>
                <div id="content" class="mc-fullpage pagebg-grey ">
                    <div class="mc-nodata">
                        <div class="mc-nodata-icon"></div>
                        <div class="mc-nodata-label">暂无数据</div>
                    </div>
                    <div id="CONTAINER-localdynamic" class="ractivecontainer bottomspace dynamic-view local-view">
                        <!-- <div class="dynamic-item">
                             <div class="ajax-status textcolor-main">上传中...</div>
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条备注</span>

                             </div>
                             <div class="dynamic-itemcontent">
                                 材料预订了2天，但还没发车，预计无法按进行冲裁。
                             </div>
                             <div class="photos-container">
                                 <div class="photo-item">
                                     <img src="img/useless/shoe.jpg">
                                 </div>
                                 <div class="photo-item">
                                     <img src="img/useless/shoe2.jpg">
                                 </div>
                                 <div class="photo-item">
                                     <img src="img/useless/shoe3.jpg">
                                 </div>
                                 <div class="clearboth"></div>
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>
                         <div class="dynamic-item">
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条流程备注</span>
                             </div>
                             <div class="dynamic-itemcontent">流程：全套纸版确认</div>
                             <div class="dynamic-itemcontent">
                                 完成12双
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>
                         <div class="dynamic-item">
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条备注</span>
                             </div>

                             <div class="dynamic-itemcontent">
                                 材料预订了2天，但还没发车，预计无法按进行冲裁。
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>-->
                    </div>
                    <div id="CONTAINER-systemMessage" class="ractivecontainer bottomspace dynamic-view remark-view no-display">
                        <!-- <div class="dynamic-item">
                             <div class="ajax-status textcolor-main">上传中...</div>
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条备注</span>

                             </div>
                             <div class="dynamic-itemcontent">
                                 材料预订了2天，但还没发车，预计无法按进行冲裁。
                             </div>
                             <div class="photos-container">
                                 <div class="photo-item">
                                     <img src="img/useless/shoe.jpg">
                                 </div>
                                 <div class="photo-item">
                                     <img src="img/useless/shoe2.jpg">
                                 </div>
                                 <div class="photo-item">
                                     <img src="img/useless/shoe3.jpg">
                                 </div>
                                 <div class="clearboth"></div>
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>
                         <div class="dynamic-item">
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条流程备注</span>
                             </div>
                             <div class="dynamic-itemcontent">流程：全套纸版确认</div>
                             <div class="dynamic-itemcontent">
                                 完成12双
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>
                         <div class="dynamic-item">
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条备注</span>
                             </div>

                             <div class="dynamic-itemcontent">
                                 材料预订了2天，但还没发车，预计无法按进行冲裁。
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>-->
                    </div>
                    <div id="CONTAINER-alldynamic" class="ractivecontainer bottomspace dynamic-view remark-view no-display">
                        <!-- <div class="dynamic-item">
                             <div class="ajax-status textcolor-main">上传中...</div>
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条备注</span>

                             </div>
                             <div class="dynamic-itemcontent">
                                 材料预订了2天，但还没发车，预计无法按进行冲裁。
                             </div>
                             <div class="photos-container">
                                 <div class="photo-item">
                                     <img src="img/useless/shoe.jpg">
                                 </div>
                                 <div class="photo-item">
                                     <img src="img/useless/shoe2.jpg">
                                 </div>
                                 <div class="photo-item">
                                     <img src="img/useless/shoe3.jpg">
                                 </div>
                                 <div class="clearboth"></div>
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>
                         <div class="dynamic-item">
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条流程备注</span>
                             </div>
                             <div class="dynamic-itemcontent">流程：全套纸版确认</div>
                             <div class="dynamic-itemcontent">
                                 完成12双
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>
                         <div class="dynamic-item">
                             <div class="dynamic-itemheader limit-2line">
                                 <span class="dynamic-person">林丽丽</span>&emsp;
                                 <span class="dynamic-action">新增了一条备注</span>
                             </div>

                             <div class="dynamic-itemcontent">
                                 材料预订了2天，但还没发车，预计无法按进行冲裁。
                             </div>
                             <div class="dynamic-itemdate">
                                 2015-05-24 11:05
                             </div>
                         </div>-->
                    </div>
                    <div id="CONTAINER-allRemarks" class="ractivecontainer bottomspace dynamic-view remark-view no-display"></div>
                </div>
                <script type="text/ractive" id="TEMPLATE-localdynamic">
                {{#ractiveData}}
                    <div class="dynamic-item" id="ajaxItem{{FCloudDataTransferID}}" value="{{FCloudDataTransferID}}" onclick="util.changePhotosProgress()">
                         {{#if FCloudDataTransferState === 'uploading' }}
                            <div class="ajax-status textcolor-main">上传中</div>
                         {{/if}}
                         {{#if FCloudDataTransferState === 'failed' }}
                            <div class="ajax-status textcolor-danger mc-responseicon" onclick="common.execUploadAjaxTask(this,['{{FCloudDataTransferID}}'])">上传失败<br>点击重试</div>
                         {{/if}}
                        <div class="dynamic-itemheader limit-2line">
                            <span class="dynamic-person">{{JSON.parse(FCloudDataTransferExtra).person}}</span>&emsp;
                            <span class="dynamic-action">{{JSON.parse(FCloudDataTransferExtra).action}}</span>
                        </div>
                        {{#JSON.parse(FCloudDataTransferExtra).content}}
                            <div class="dynamic-itemcontent">
                               {{text}}
                            </div>
                        {{/JSON.parse(FCloudDataTransferExtra).content}}
                        <div class="photos-container">
                            {{#JSON.parse(FCloudDataTransferExtra).photos:i}}
                                <div class="photo-item" onclick="util.showLocalPhotosByIndex('{{FCloudDataTransferID}}',{{i}})">
                                    <img id="{{setName(thumbnailFileKey)}}" src="{{thumbnailFilePath}}">
                                    <div class="imgprogress"></div>
                                </div>
                            {{/JSON.parse(FCloudDataTransferExtra).photos}}
                            <div class="clearboth"></div>
                        </div>
                        <div class="dynamic-itemdate">
                           {{formatDate(FCloudDataTransferCreatedTimeStamp)}}
                        </div>
                    </div>
                 {{/ractiveData}}
                 <div class="mc-scroll-loading">
                    <div class="mc-scroll-progress"></div>
                    <div class="mc-scroll-pomptlabel"></div>
                 </div>
                </script>
                <script type="text/ractive" id="TEMPLATE-systemMessage">
                    {{#ractiveData:i}}
                    <div class="dynamic-item" id="{{jsonPK}}" value="{{jsonPK}}" onclick="common.changePhotosProgress()">
                        <div class="abnormal-itemheader {{orderAttachment != null ? 'headerwithimage':''}}">
                            <div class="header-image">
                                {{#orderAttachment}}
                                    <img id="{{setName(orderAttachment)}}_{{i}}"/>
                                {{/orderAttachment}}
                            </div>
                            <div class="order-name">{{orderNo}}</div>
                            <div class="abnormal-info">{{itemNo}}</div>&emsp;
                            <!--<span class="dynamic-action">{{action}}</span>-->
                        </div>
                            <span class="dynamic-person">{{lastModifiedByUserLogin}}</span>
                        <div class="dynamic-itemcontent">
                           {{message}}
                        </div>
                        {{#if (attachment != ""&& attachment != undefined)}}
                            <div class="photos-container" value="{{attachment}}">
                                {{#JSON.parse(attachment):i}}
                                    <div class="photo-item" onclick="util.showAllPhotosByIndex(this,{{i}})">
                                        <img id="{{setName(this)}}">
                                        <div class="imgprogress"></div>
                                    </div>
                                {{/JSON.parse(attachment)}}
                                <div class="clearboth"></div>
                            </div>
                        {{/if}}
                        <div class="dynamic-itemdate">
                           {{formatDate(lastUpdateTime,"yyyy-MM-dd")}}
                        </div>
                        <!--{{#replyList}}
                            {{#if fromUserName }}
                                <div class="reply-itemcontent"><span class="textcolor-process">{{fromUserName}}</span> 回复 <span class="textcolor-process">{{toUserName}}</span>：{{description ? description : description}}</div>
                            {{else}}
                                <div class="reply-itemcontent"><span class="textcolor-process">{{createdByUserLogin}}</span>：{{description ? description : description}}</div>
                            {{/if}}
                            {{#if attachment != "[]"}}
                            <div class="photos-container" value="{{this.attachment ? this.attachment : this.attachment}}">
                                {{#JSON.parse(this.attachment ? this.attachment : this.attachment):i}}
                                    <div class="photo-item" onclick="util.showRemarkPhotosByIndex(this,{{i}})">
                                        <img id="{{setName(this)}}">
                                        <div class="imgprogress"></div>
                                    </div>
                                {{/JSON.parse(attachment ? attachment : attachment)}}
                                <div class="clearboth"></div>
                            </div>
                            {{/if}}
                            <div class="remark-itemfooter" style="margin-bottom:10px">
                                <div class="item-date text-center">{{formatDate(lastUpdateTime,"yyyy-MM-dd hh:mm")}}</div>
                            <div class="header-floatright-btn text-right mc-responseicon textcolor-main" onclick="util.replyRemark('{{objID}}','{{lastModifiedByUserLogin?lastModifiedByUserLogin:createdByUserLogin}}')">回复</div>
                            </div>
                            {{/replyList}}-->
                    </div>
                 {{/ractiveData}}
                 <div class="mc-scroll-loading">
                    <div class="mc-scroll-progress"></div>
                    <div class="mc-scroll-pomptlabel"></div>
                 </div>
                </script>
                <script type="text/ractive" id="TEMPLATE-alldynamic">
                    {{#ractiveData : i}}
                    <div class="dynamic-item" id="{{jsonPK}}" value="{{jsonPK}}" onclick="common.changePhotosProgress()">
                        <div class="dynamic-itemheader limit-2line {{orderAttachment ? 'headerwithimage':''}}">
                            <div class="header-image">
                                {{#if orderAttachment}}
                                    <img id="{{setName(orderAttachment)}}_{{i}}">
                                {{/if}}
                            </div>
                            <div class="order-name">{{orderNo}}
                            </div>
                            <div class="order-info">{{itemNo}}</div>
                            <!--<span class="dynamic-action">{{action}}</span>-->
                        </div>
                            <span class="dynamic-person">{{lastModifiedByUserLogin}}</span>
                        <span class="dynamic-itemcontent">
                            &nbsp;{{type}}&nbsp;
                        </span>
                        <span class="textcolor-main">{{description}}</span>
                        <div class="dynamic-itemdate">
                           {{formatDate(lastUpdateTime,"yyyy-MM-dd")}}
                        </div>

                    </div>
                 {{/ractiveData}}
                 <div class="mc-scroll-loading">
                    <div class="mc-scroll-progress"></div>
                    <div class="mc-scroll-pomptlabel"></div>
                 </div>
                </script>
                <script type="text/ractive" id="TEMPLATE-allRemarks">
                    {{#ractiveData:i}}
                        <div class="remark-item" id="{{jsonPK?jsonPK:'remarkCreate'+getAjaxID(createStatus)}}">
                             {{#if (getAjaxStatus(createStatus)=='uploading')}}
                                <div class="ajax-status textcolor-main ">上传中</div>
                             {{/if}}
                             {{#if (getAjaxStatus(createStatus)=='failed')}}
                                <div class="ajax-status textcolor-danger mc-responseicon" onclick="common.execUploadAjaxTask(this,['{{getAjaxID(createStatus)}}'])">上传失败<br>点击重试</div>
                             {{/if}}
                            <div class="abnormal-itemheader {{orderAttachment != null ? 'headerwithimage':''}}">
                                <div class="header-image">
                                    {{#orderAttachment}}
                                        <img id="{{setName(orderAttachment)}}_{{i}}"/>
                                    {{/orderAttachment}}
                                </div>
                                <!--<div class="item-badge-unread">{{count}}</div>-->
                                <div class="order-name">{{orderNo}}</div>
                                <div class="abnormal-info">{{itemNo}}</div>
                            </div>
                            流程名：<span class="textcolor-process">{{processName}}</span>
                            {{#if (getAjaxStatus(createStatus)!='failed') && (getAjaxStatus(createStatus)!='uploading')}}
                                <div class="header-floatright-btn text-right mc-responseicon textcolor-main" onclick="util.addProcessRemarkReply('{{jsonPK}}','{{processName}}')">回复</div>
                            {{/if}}
                            <!--<div class="remark-itemcontent limit-2line">完成了 <span class="textcolor-process">{{completeQuantity ? completeQuantity : completeQuantity }}</span> 双</div>-->

                            <div class="remark-itemcontent limit-2line">{{description ? description : description }}</div>
                            {{#if (attachment ? attachment : attachment != ""&& attachment ? attachment : attachment != undefined)}}
                                <div class="photos-container" value="{{this.attachment ? this.attachment : this.attachment}}">
                                    {{#JSON.parse(this.attachment ? this.attachment : this.attachment):i}}
                                        <div class="photo-item" onclick="util.showRemarkPhotosByIndex(this,{{i}})">
                                            <img id="{{setName(this)}}">
                                            <div class="imgprogress"></div>
                                        </div>
                                    {{/JSON.parse(attachment ? attachment : attachment)}}
                                    <div class="clearboth"></div>
                                </div>
                            {{/if}}
                            <div class="remark-itemfooter">
                                <div class="item-person">提交人：{{lastModifiedByUserLogin?lastModifiedByUserLogin:createdByUserLogin}}</div>
                                <div class="item-date text-right">时间：{{formatDate(lastUpdateTime,"yyyy-MM-dd hh:mm")}}</div>
                            </div>
                            {{#if replyList}}
                            <div class="remark-reply">
                                <em></em>
                                {{#replyList}}

                                {{#if toUserID && toUserID != "null"}}
                                    <div class="reply-itemcontent"><span class="textcolor-process">{{createdByUserLogin}}</span> 回复 <span class="textcolor-process">{{toUserName}}</span>：{{description ? description : description}}</div>
                                {{else}}
                                    <div class="reply-itemcontent"><span class="textcolor-process">{{createdByUserLogin}}</span>：{{description ? description : description}}</div>
                                {{/if}}
                                {{#if attachment != "[]"}}
                                <div class="photos-container" value="{{this.attachment ? this.attachment : this.attachment}}">
                                    {{#JSON.parse(this.attachment ? this.attachment : this.attachment):i}}
                                        <div class="photo-item" onclick="util.showReplyRemarkPhotosByIndex(this,{{i}})">
                                            <img id="{{setName(this)}}">
                                            <div class="imgprogress"></div>
                                        </div>
                                    {{/JSON.parse(attachment ? attachment : attachment)}}
                                    <div class="clearboth"></div>
                                </div>
                                {{/if}}
                                <div class="remark-itemfooter" style="margin-bottom:10px">
                                    <div class="item-date text-center">{{formatDate(lastUpdateTime,"yyyy-MM-dd hh:mm")}}</div>
                                <div class="header-floatright-btn text-right mc-responseicon textcolor-main" onclick="util.replyRemark('{{objID}}','{{createdByUserID}}','{{createdByUserLogin}}','{{processName}}')">回复</div>
                                </div>
                                {{/replyList}}
                            </div>
                        {{/if}}
                        </div>
                        {{/ractiveData}}
                         <div class="mc-scroll-loading">
                            <div class="mc-scroll-progress"></div>
                            <div class="mc-scroll-pomptlabel"></div>
                         </div>
                </script>
            </div>
        </div>
    </div>
</div>
<script src="Tools/jquery-2.1.4.min.js"></script>
<!--jquery-->
<script src="Tools/Ractive.js"></script>
<script src="Tools/PTR/hammer.2.0.4.js"></script>
<script src="js/common.js"></script>
<script src="Tools/PTR/wptr.1.1.js"></script>
<!--公共方法JS（由用户编写）-->
<script src="js/pages/dynamic.js"></script>
<!--当前页面JS（由用户编写）-->
<script src='js/dataInterface.js'></script>
<!--获取数据方法JS（由用户编写）-->
<script src="Tools/MoCoop/MoCoop.js"></script>
<!--MoCoopJS（必须引入）-->
</body>
</html>
                    